<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" > 
<head><title>Table Box</title>
 <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
 <link rel="stylesheet" href="site.css"   media="all"    type="text/css" />
 <link rel="stylesheet" href="page.css"   media="all"    type="text/css" />
 <link rel="stylesheet" href="print.css"  media="print"  type="text/css" />
 <!--[if lte IE 6]>
 <link rel="stylesheet" href="ie6.css"    media="all"    type="text/css" />
 <![endif]-->
</head>
    <body>
        <h1>Table Box</h1>
        <div class="container">
            <table class="table_default">
                <tr>
                    <td>BEFORE</td>
                </tr>
            </table>  

            <!-- TABLE #1 -->
            <table class="table_cl table_1">
                <tr>
                    <td class="cell">Table #1 - <code>|width:default|</code><br /> Cell-0_1</td>
                    <td class="cell">Table #1<br /> Cell-0_2</td>
                </tr>
            </table>
            <!-- TABLE #4 -->
            <table class="table_cl table_2">
                <tr>
                    <td class="cell">Table #2 - <code>|width:auto&nbsp;&nbsp;&nbsp;|</code><br /> Cell-0_1</td>
                    <td class="cell">Table #2<br /> Cell-0_2</td>
                </tr>
            </table>
            <!-- TABLE #2 -->
            <table class="table_cl table_4">
                <tr>
                    <td class="cell">Table #4 - <code>width:sized</code><br /> Cell-0_1</td>
                    <td class="cell">Table #4<br /> Cell-0_2</td>
                </tr>
            </table>
            <!-- TABLE #3 -->
            <table class="table_cl table_3">
                <tr>
                    <td class="cell">Table #3 - <code>width:100%</code><br /> Cell-0_1</td>
                    <td class="cell">Table #3<br /> Cell-0_2</td>
                </tr>
            </table>

            <span class="my_block_box">
                <p>"The time has come for me to say goodbye for the summer.<br />
                Darling, I'd like to see you again, I send you all my love in a letter sealed w/ a kiss"
                </p>
            </span>

            <table class="table_default"><tr><td>AFTER</td></tr></table>  
        </div>
    </body>
</html>
